<template>
    <div class="app-body">
        <div class="coupon-search-bar">
            <div class="search-bar">
                <i class="iconfont icon-search3"></i>
                <input v-on:keyup.13="search($event)" placeholder="输入关键词或淘宝标题"/>
            </div>
        </div>
        <div class="coupon-list">
            <p class="title"><i class="iconfont icon-star"></i>      热搜优惠券</p>
            <ul>
                <li class="item">
                    <i class="iconfont icon-canchu-beihu"></i>
                </li>
                <li class="item">
                    <i class="iconfont icon-canchu-beihu"></i>
                </li>
                <li class="item">
                    <i class="iconfont icon-canchu-beihu"></i>
                </li>
                <li class="item">
                    <i class="iconfont icon-canchu-beihu"></i>
                </li>
                <li class="item">
                    <i class="iconfont icon-canchu-beihu"></i>
                </li>
                <li class="item">
                    <i class="iconfont icon-canchu-beihu"></i>
                </li>
            </ul>
        </div>
        <div class="coupon-categories">
            <p class="title"><i class="iconfont icon-star"></i>      热搜优惠券</p>
            <ul>
                <li class="item">
                    <i class="iconfont icon-canchu-beihu"></i>
                </li>
                <li class="item">
                    <i class="iconfont icon-canchu-beihu"></i>
                </li>
                <li class="item">
                    <i class="iconfont icon-canchu-beihu"></i>
                </li>
                <li class="item">
                    <i class="iconfont icon-canchu-beihu"></i>
                </li>
                <li class="item">
                    <i class="iconfont icon-canchu-beihu"></i>
                </li>
                <li class="item">
                    <i class="iconfont icon-canchu-beihu"></i>
                </li>
            </ul>
        </div>
    </div>
</template>
<script>
    export default {
        data(){
            return {

            }
        },
        methods:{
            search(e){

                this.$router.push({path:'/coupon/searchResult/'+e.target.value});
            },
        }
    }
</script>